<template>
    <div class="data_list">
        <h5>猜你喜欢</h5>
        <div class=".box"  v-for="(item) in list" :key="item.id">
            <div>
                <img :src="item.img" alt="" >
            </div>
            <div>
                <div>
                    <p class="title" :title="item.title">{{item.title}}</p>
                    <p class="text"  :text="item.text">{{item.text}}</p>
                </div>
                <p>
                    <span class="left" :pricr_new="item.pricr_new">{{item.pricr_new}}</span>
                    <span class="right" :pricr_old="item.price_old">{{item.price_old}}</span>
                </p>
            </div>
        </div>
    </div>
</template>

<script>
    export default{
        data(){
            return{
                list:[
                {id:"1",img:"https://p0.meituan.net/dealwatera/1ea3a22d9079abc4314b65f1a8ba407d7926.jpg", title:"蜜雪冰城",text:"【多城市】招聘柠檬水",pricr_new:"3.5元",price_old:"门市价：￥4" },
                {id:"2",img:"https://p1.meituan.net/deal/8d5f77d0b08b88ddfc7f31434e0b9c0c173511.jpg", title:"茶百道",text:"【多城市】爆品——冷萃茶 2 选 1",pricr_new:"6.66元",price_old:"门市价：￥8" },
                {id:"3",img:"https://p0.meituan.net/scpdeal/8c6c9cc6eacfdba00bc05c30a07d35b1135145.jpg", title:"甜啦啦",text:"【多城市】酸奶冰激凌",pricr_new:"1.8元",price_old:"门市价：￥3" },
                {id:"4",img:"https://p0.meituan.net/deal/07e2777db61cbdef51510db38ef26dbe27030.jpg", title:"华莱士·全鸡汉堡",text:"【多城市】【单人餐】狠霸王牛堡+鸡块+小薯+中可",pricr_new:"27.5元",price_old:"门市价：￥55" },
                {id:"5",img:"https://p0.meituan.net/deal/8f94b2462c1fc079e6d3452c30467ba524386.jpg", title:"汉堡王",text:"【多城市】招聘柠檬水",pricr_new:"3.5元",price_old:"门市价：￥4" },
                {id:"6",img:"https://p0.meituan.net/deal/cee4871518466a3dcec9eb0617f60aed188214.jpg", title:"峨眉小镇·天府小吃荟",text:"【勒泰中心】陈皮红豆沙",pricr_new:"3.99元",price_old:"门市价：￥6" },
                {id:"7",img:"https://p1.meituan.net/dealwatera/a0da9c3872ce766d2563658e9d5bfec8334712.jpg", title:"镒栲燚涮自助烤肉小火锅",text:"【乐汇城】超值双人自助",pricr_new:"55.8元",price_old:"门市价：￥78" },
                {id:"8",img:"https://p0.meituan.net/deal/c6e24283983be9dd19f0b709929816f4446838.jpg", title:"安姬酸奶•DIY水果捞",text:"【多城市】安姬果果杯6种口味任选",pricr_new:"15.8元",price_old:"门市价：￥19.8" },
                {id:"9",img:"https://p1.meituan.net/deal/4e86ab472ee74a271d4b679e651dab4a11419.jpg", title:"吾饮良品水果茶",text:"[多城市]冻柠葡萄（大杯）",pricr_new:"6.9元",price_old:"门市价：￥12" },
                {id:"10",img:"https://p1.meituan.net/deal/19b3f305affe1ecead68634995858e89101571.jpg", title:"东北味道酒馆",text:"[天山海世界]❤特惠单人餐",pricr_new:"9.9元",price_old:"门市价：￥35" },
                {id:"10",img:"https://p0.meituan.net/deal/d5b12e3a23f0dbfc914f5e73b5153013336701.jpg", title:"老沧州火锅鸡",text:"[新火车站]新店开业 2-3 人餐(可打包自取)",pricr_new:"59.8元",price_old:"门市价：￥133" },
                ]
            }
        }
    }
        
</script>

<style lang="less" scoped>
*{
    margin: 0;
    padding: 0;
}
.data_list{
    h5{
        margin-left: 10px;
    }
    div{
        display: flex;
        border-top: 0.3vw solid #ddd8ce;
        div{
            img{
                margin-right: 10px;
                width: 135px;
                height: 82px;
            }
        }
        div{
            flex-direction: column;
            font-size: 15px;
            div{
                display: flex;
                margin-bottom: 28px;  
            }
        }
        
    }
    
}

</style>